<template>
  <view>
    <view class="flex m-b-40">
      <view>
        <image :src="item.image" style="width: 200rpx;" mode="widthFix"></image>
      </view>
      <view class="m-l-20">
        <view class="f-w m-t-20">{{item.name | update}}</view>
        <view class="grey-deep-font-color m-t-20">话题描述</view>
        <view class="grey-deep-font-color m-t-20">动态 {{item.all}} 今日 {{item.today}}</view>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    props: {
      item: {
        type: Object,
        default: {}
      }
    },
    name: "topic",
    data() {
      return {

      };
    },
    filters: {
      update(str) {
        return "#" + str + "#"
      }
    }
  }
</script>

<style lang="scss">

</style>